<template>
    <div class="link" @click="handleClick">
       <span v-text="linkText" class="text"></span>
    </div>
</template>

<script type="text/ecmascript-6">
    import Public from '@/assets/js/public';

    export default {
        /** kebab-case */
        name: 'link-opinion',

        data() {
            return {
              linkText: '对此订单有疑问/投诉'
            };
        },
        /** 在声明 prop 的时候，其命名应该始终使用 camelCase，而在模板和 JSX 中应该始终使用 kebab-case。
         String/Number/Boolean/Function/Object/Array/Symbol */
        props: {
        },

        components: {},

        methods: {
            getIcon(icon) {
                return Public.ossImg + icon + '.svg';
            },
          handleClick() {
            this.$router.push({name: 'customerService'});
          }
        }
    };
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
    @import "../../assets/stylus/main.styl";
    .flex-r
        flex-x()

    .flex-c
        flex-y()

    .center
        flex-center()

    .divider
        divider()

    .space
        space()
    .link
      flex-center()
      height 8vw

    .text
      word(14px,main-color)
</style>
